<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item v-for="(item, idx) in breadList" :key="item.path">
      <router-link to="/welcome" v-if="idx == 0">{{ item.meta.title }}</router-link>
      <span v-else>{{ item.meta.title }}</span>
    </el-breadcrumb-item>
  </el-breadcrumb> 
</template>
<script>
export default {
  name: 'BreadCrumb',
  mounted () {
    // console.log(this.$route.matched);
  },
  computed: {
    breadList () {
      return this.$route.matched
    }
  }
}
</script>
<style lang="less" scoped>

</style>